<template>
  <div class="rl">
    <full-calendar :events="events" class="test-fc" locale="fr"></full-calendar>
  </div>
</template>

<script>
import { FullCalendar } from "vue-full-calendar";
import moment from "moment";
import "fullcalendar/dist/fullcalendar.css";
export default {
  name: "",
  data() {
    return {
      events: [
        {
          title: "event1",
          start: "2010-01-01",
        },
        {
          title: "event2",
          start: "2010-01-05",
          end: "2010-01-07",
        },
        {
          title: "event3",
          start: "2010-01-09T12:30:00",
          allDay: false,
        },
      ],
    };
  },
  methods: {},
  components: { FullCalendar, moment },
};
</script>

<style scoped>
.rl {
  height: 660px;
  overflow: hidden;
}
</style>
